/**
 * Created by lenovo on 2017/5/8.
 * 点评子页面组件，用于生成点评内容：
 * 1、用户头像、用户名、点评时间
 * 2、点评内容
 * 3、点赞，评论点评功能
 *
 * 组件：
 * 1、具体点评内容组件（EvaluateMessage.react）
 * 2、没有更多内容标签组件（NoMoreContent.react）
 */
import React from 'react';
import EvaluateMessage from './evaluateMessage.react';
import NoMoreContent from './noMoreContent.react';


class StorePageEvaluate extends React.Component{
    constructor(props){
        super(props);
        this.state={
            evaluateData: []
        };
    }

    // componentWillMount(){
    //     this.setState({
    //         evaluateData: this.props.evaluateData
    //     });
    // }
    componentDidMount(){
        this.setState({
            evaluateData: this.props.evaluateData
        });
    }
    componentWillReceiveProps(nextProps){
        this.setState({
            evaluateData: nextProps.evaluateData
        });
    }

    render() {
        // const evaluateData = [
        //     {
        //         avatarUrl: avatarUrl,
        //         userName: '我是吃货从来不考虑体重',
        //         evaluateTime: '17-03-04',
        //         evaluateContent: `比较喜欢zara家快捷推陈出新，不一会儿就更新换代了，很多款式都比较超前时尚。
        //                         <br>今天试穿了几件，感觉最近自己肥了点😅😅😅所以需要重新买衣裤了🈶️木🈶️😄😄😄<br>
        //                         最终买了件短袖针织上衣和一条牛仔裤，春天我准备好了🙋`,
        //         evaluatePic1: [
        //             evaluatePic,
        //             evaluatePic,
        //             evaluatePic
        //         ],
        //         // evaluatePic2: evaluateData.pic_large,
        //
        //         /*特殊项*/
        //         specialItem: {
        //             numOfStars: 3,
        //             item_score: -1,
        //             env_score: 3,
        //             svr_score: 3
        //         },
        //
        //         /*评论回复项*/
        //         evaluateReply: {
        //             likeReply: [
        //                 {
        //                     user_avatar: avatar1,
        //                     user_id: 21877,
        //                     nickname: "浪花一朵吃货一个"
        //                 },
        //                 {
        //                     user_avatar: avatar2,
        //                     user_id: 6296,
        //                     nickname: "仓鼠妹妹"
        //                 },
        //                 {
        //                     user_avatar: avatar3,
        //                     user_id: 6296,
        //                     nickname: "小凤021"
        //                 },
        //                 {
        //                     user_avatar: avatar4,
        //                     user_id: 6296,
        //                     nickname: "仓鼠妹妹"
        //                 },
        //                 {
        //                     user_avatar: avatar5,
        //                     user_id: 6296,
        //                     nickname: "仓鼠妹妹"
        //                 }
        //             ],
        //             //用于evaluateReplyMessage
        //             messageReply: [
        //                 {
        //                     nickname: "我在人民广场吃炸猪",
        //                     desc: "早没看见你的评论啊，找了一下午没找到。",
        //                     reply_time: "15-09-26 18:22 ",
        //                     avatar: avatar6,
        //                     reply_target: ""
        //                 },
        //                 {
        //                     nickname: "我是吃货从来不考虑体重",
        //                     desc: "我没看包，就看了衣服",
        //                     reply_time: "17-03-14 19:13",
        //                     avatar: avatar4,
        //                     reply_target: ""
        //                 }
        //             ]
        //         }
        //     }
        // ];
        // const evaluateData = this.props.comment;

        //判断是否有评论数据
        if((this.state.evaluateData instanceof Array)&&this.state.evaluateData !== []){
            const evaluateList = this.state.evaluateData.map(
                (item, index)=>{
                    return(
                        <div key={new Date()+index}>
                            <EvaluateMessage evaluateData={item} />
                            <div className="cutLine"></div>
                        </div>
                    );
                }
            );
            return(
                <div className="evaluateContainer">
                    {evaluateList}
                    <NoMoreContent />
                </div>
            );
        }else{
            return(
                <div className="evaluateContainer">
                    <NoMoreContent />
                </div>
            );
        }

    }
}

export default StorePageEvaluate;
